<!-- filters -->
<!-- filters <div id="filter-overlay"></div>-->
<div id="invert-filter"></div>

<!-- Custom Context Menu Structure -->
<ul id="customContextMenu" style="display: none; position: absolute;">
    <!-- Dynamic list items will be added here -->
</ul>


<!-- Fractal SVG View Matrix -->

<div id="neurite-workspace" style="width: 100%; height: 100%;">
    <svg id="svg_bg" viewBox="-128 -128 256 256">
        <g id="viewmatrix">
            <g id="bg" />
            <path id="mousePath" d="" fill="none" stroke="rgb(50 51 62 / 80%)" stroke-width="0.01" />
            <g id="edges" />
            <g id="sensorData" />
            <g id="placementPreview" />
        </g>
    </svg>
</div>

<svg id="debug_layer" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" style="position: absolute; left:0px; top:0px; display:none; visibility:hidden; width: 100%; height: 100vh;">
    <style type="text/css">
        .white {
            font: 12px sans-serif;
            fill: white;
        }
    </style>
    <text x="0" y="0" class="white">fps:</text>
</svg>